<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,  user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/hfstyle.css" type="text/css">
    <!-- <link rel="stylesheet" href="../css/base.css" type="text/css"> -->
    <link rel="stylesheet" href="../css/iconfont.css" type="text/css">
    <link rel="stylesheet" href="../css/style_attention.css" type="text/css">
</head>

<body>
    <header>
        <i class="iconfont icon-liebiao"></i>
        <button onclick="location.href='../index.html'"><i></i>热点</button>
        <button class="active"><i></i>关注</button>
    </header>
    <main>
        <section>
            <figure>
                <figcaption>
                    <!-- width height 95px -->
                    <i class="i1">
                        <img src="../images/04.jpg" alt="">
                    </i>
                    <article>
                        <p>我是炽银小心</p>
                        <p>我是炽银我怕谁！！哈哈</p>
                    </article>
                    <aside>
                        <span>1024 <i class="iconfont icon-dianzan"></i></span>

                    </aside>
                </figcaption>
                <img src="../images/05.jpg" alt="">
                <span>嘤嘤狂吠！</span>
            </figure>
            <figure>
                <figcaption>
                    <!-- width height 95px -->
                    <i class="i1">
                        <img src="../images/04.jpg" alt="">
                    </i>
                    <article>
                        <p>我是炽银小心</p>
                        <p>我是炽银我怕谁！！哈哈</p>
                    </article>
                    <aside>
                        <span>1024 <i class="iconfont icon-dianzan"></i></span>

                    </aside>
                </figcaption>
                <img src="../images/05.jpg" alt="">
                <span>嘤嘤狂吠！</span>
            </figure>
            <figure>
                <figcaption>
                    <!-- width height 95px -->
                    <i class="i1">
                        <img src="../images/04.jpg" alt="">
                    </i>
                    <article>
                        <p>我是炽银小心</p>
                        <p>我是炽银我怕谁！！哈哈</p>
                    </article>
                    <aside>
                        <span>1024 <i class="iconfont icon-dianzan"></i></span>

                    </aside>
                </figcaption>
                <img src="../images/05.jpg" alt="">
                <span>嘤嘤狂吠！</span>
            </figure>
        </section>
    </main>
    <footer>
        <p class="active"><a href="#"><i class="iconfont icon-home"></i>首页</a></p>
        <p><a href="find.html"><i class="iconfont icon-sousuo"></i>发现</a></p>
        <p><a><i class="iconfont icon-xiangji"></i></a></p>
        <p><a href="self.html"><i class="iconfont icon-wode"></i>我的</a></p>
        <p><a href=""><i class="iconfont icon-tuichu"></i>退出</a></p>
    </footer>
</body>

</html>